<template>
  <div>
    <el-button type="primary">查看El-Table组件</el-button>
    <el-button type="primary">查看El-Form组件</el-button>
    <el-dialog
      title=""
       v-model="dialogVisible"
      width="width"
      :before-close="dialogBeforeClose"
      fullscreen
    >
      <div>
        <!-- table组件 -->
        <!-- <my-table></my-table> -->
         <my-form :formInfo="formConfig"></my-form>
      </div>
      <template #footer>
        <el-button @click="dialogVisible = false">关闭</el-button>
      </template>
    </el-dialog>
  </div>
</template>
<script setup lang="ts">
import { ref } from "vue";
import { formConfig } from './views/ElementPlus/myForm'
const dialogVisible = ref<boolean>(true);

//关闭弹窗
const dialogBeforeClose = () => {
  dialogVisible.value = false;
};
</script>
<style scoped></style>
